<template>
  <div class="biao_shu_item">
    <header class="flex-row flex-between flex-vertical-center">
      <span class="title">{{ data.sign_type_str }}</span>
      <img src="@img/btn/more.png" class="moreBtn" width="24px" v-if="visibleMoreBtn"
      @click.capture="$emit('clickMore', $event, data.id)">
      <span class="looked" v-else>{{ data.show_num }} 人看过</span>
    </header>
    <main>{{ data.remark || '暂无介绍' }}</main>
    <footer class="flex-row flex-vertical-center flex-between">
      <span class="type">{{ data.price === '0.00' ? '面议' : data.price + '万' }}</span>
      <div class="com-bao_guo_hu" v-if="data.is_transfer"></div>
    </footer>
  </div>
</template>

<script>
export default {
  props: ['data', 'visibleMoreBtn'],

  data (){
    return {

    }
  },

  methods: {

  }
}
</script>

<style lang="less" scoped>
.biao_shu_item{
  min-height: 105px;
  box-sizing: border-box;
  padding: 15px;
  background-color: white;
  border-radius: 10px;
  margin-top: 5px;
}

header{
  .title{
    font-size: 18px;
  }
}

.looked{
  font-size: 14px;
  color: @subtext;
}

main{
  color: @subtext;
  margin-top: 10px;
  font-size: 14px;
  word-break: break-word;
}

footer{
  margin-top: 10px;
}

.type{
  color: @danger;
  font-size: 18px;
}
</style>
